<template>
	<div class="kaochangguanli flex">
    <left></left>
    <div style="width: calc(100vw - 280px); height: calc(100vh - 40px); overflow: auto; padding: 20px;">
      <el-table :data="tableData"  border  style="width: 100%">
          <el-table-column prop="id" label="ID"></el-table-column>
          <el-table-column prop="name" label="用户名称"></el-table-column>
          <el-table-column prop="openid" label="openid"></el-table-column>
          <el-table-column prop="mobile" label="手机号"></el-table-column>
          <el-table-column prop="create_time" label="创建时间"></el-table-column>
          <el-table-column label="操作">
            <template slot-scope="scope">
              <!-- <el-button @click="tuikuan(scope.row)" type="text">分销的游戏</el-button>
              <el-button @click="tuikuan(scope.row)" type="text">收益详情</el-button>
              <el-button @click="tuikuan(scope.row)" type="text">提现详情</el-button> -->
            </template>
          </el-table-column>
      </el-table>

      <el-pagination style="text-align: right; padding: 20px;" background layout="prev,pager,next,total" :current-page="search.page" @current-change="fanye" :page-size="search.page_size" :total="total"></el-pagination>

    </div>




	</div>
</template>

<script>

  import left from '../left.vue'
	export default {
		name: 'kaochangguanli',
    components:{
      left
    },
		data() {
			return {
        tableData:[],
        search:{
          page:1,
          page_size:20,
        },
        total:0
			}
		},
		created() {
      this.getlist()
		},
		mounted() {

		},
		methods: {
      getlist:function(){
        axios.get(this.IP_URL+'/admin/user/list',{params:this.search}).then((response)=>{
        	if (response.data.msg.code == 0) {
        		this.tableData = response.data.data.data
            this.total = response.data.data.total
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },

      fanye:function(val){
        this.search.page = val
        this.getlist()
      },
		}
	}
</script>


<style scoped >

</style>
